body{
	background-image:url(../image/background.png);
	background-repeat:no-repeat;
}
/*denglu star*/
.top{
	width: 618px;
	height: 60px;
	margin: 141px  auto;
	margin-bottom:0;
}
.top img{
	float: left;
}
.logo{	
	height: 60px;
	float: left;
	font-family:"MicrosoftYaHeiLight" ;
	font-size: 40px; 
	letter-spacing: 12px;
	color: #6d6d6f;
	margin-left:38px; 
}
.center{
	width: 618px;
	background-color:#f3f3f5; 
	margin: 141px auto;
	margin-top:15px; 
	box-shadow: 10px 10px 5px #444;
	-moz-box-shadow:10px 10px 5px #444;
	-webkit-box-shadow:10px 10px 5px #444;
}
.denglu{
	width: 200px;
	position: relative;
	top:42px;
	left: 36px;
	overflow: hidden;
}
.one{
	font-family:"MicrosoftYaHei" ;
	font-size: 26px; 
	letter-spacing: 8px;
	color: #6d6d6f;
	float: left;

}
.two{
	font-family:"AriaIMT" ;
	font-size: 20px; 
	letter-spacing: 6px;
	color: #6d6d6f;
	float: left;
	margin-left: 10px;
	margin-top: 6px;


}
.form-box{
	width: 600px;
	margin: 95px 0 0 36px;
	height: 160px;
	/*background-color:#800080; */
}
.input-box{
	/*margin: 10px 20px 30px;*/
	height: 60px;
	margin: 30px 0;
/*	background-color: red;*/
}
.input-box label{
	width: 80px;
	display:block;
	float: left;
	font-family:"MicrosoftYaHei" ;
	color: #6d6d6f;
	font-size: 20px;
	
}
.input-box input[type="text"],.input-box input[type="password"]{
	width: 440px;
	border: 0px;
	height: 26px;
	border-bottom: solid 1px #cccccc;
	float: left;
	background-color: #f3f3f5;
}
.input-box input[type="text"]:hover,.input-box input[type="password"]:hover{
	border-bottom: solid 1px #6d6d6f;
	transition:border-bottom 0.3s linear;
}
.error-show{
	margin: 0 0 0 80px;
	clear: both;
	color: #F08080;
	display: none;
}
.error-psd{
	margin: 0 0 0 80px;
	clear: both;
	color: #F08080;
	display: none;
}


.di{
	width: 618px;
	height: 50px;

	margin-top:41px; 
}
#username-1{
	display: block;
	width: 309px;
	height: 50px;
	background-color: #e9e8ed;
	color: #6d6d6f;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	float: left;
}
#username-2{
	display: block;
	width: 309px;
	height: 50px;
	background-color:#2f3b55;
	color: #fff;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	float: right;
}
.white_content{
	display: none;
	margin:auto;
	position: fixed;
	top:0;
	left:0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	z-index:1050;
}
/*denglu end*/
.fl{float: left;}
.fr{float: right;}
@media screen and ( max-width: 768px) {
.center{width: 90%;height: auto;margin: 0 auto; overflow: hidden;}
.input-box input[type="text"],.input-box input[type="password"]{width: 50%;}
.top{width: 100%;overflow: hidden;}
.top img{width: 50%;height: auto;}
.form-box{width: 100%;}
.di{width: 100%;}
.di a{width: 50% !important;}
.logo{margin: 0;}
}